<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>个人博客-公告-advertising</title>
    <link rel="icon" href="images/icon.icon" />
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/index.css" />
    <link rel="stylesheet" href="css/advertising.css" />
    <script src="js/animate.js"></script>
    <script src="js/index.js"></script>
    <script src="js/advertising.js"></script>
    <!-- 引入字体图标 -->
    <style>
      @font-face {
        font-family: "icomoon";
        src: url("fonts/icomoon.eot?42pqcu");
        src: url("fonts/icomoon.eot?42pqcu#iefix") format("embedded-opentype"),
          url("fonts/icomoon.ttf?42pqcu") format("truetype"),
          url("fonts/icomoon.woff?42pqcu") format("woff"),
          url("fonts/icomoon.svg?42pqcu#icomoon") format("svg");
        font-weight: normal;
        font-style: normal;
        font-display: block;
      }
      span {
        font-family: "icomoon";
      }
    </style>
  </head>
  <body>
    <!-- 网页头部模块开始 -->
    <header>
      <div class="logo">
        <img src="images/tx.png" alt="" />
      </div>
      <nav>
        <div class="nav_list">
          <ul>
            <li><a href="index.html">主页</a></li>
            <li><a href="#">关于</a></li>
            <li><a href="advertising.html">公告</a></li>
            <li class="dropdown">
              <a href="#">板块</a>
              <div class="content">
                <a href="#">php中文网</a>
                <a href="#">vue框架</a>
                <a href="#">网页样式</a>
              </div>
            </li>
            <li><a href="#">评论</a></li>
            <li>
              <a href="#">更多<span></span></a>
            </li>
          </ul>
        </div>
        <div class="login">
          <a href="register.html"><span></span>登录</a>
        </div>
      </nav>
    </header>
    <!-- 网页头部模块结束 -->

    <!-- banner轮播图模块开始  -->
    <div class="banner">
      <!-- 轮播图模块开始 -->
      <div class="focus fl w">
        <!-- 左侧按钮 --><!-- href="javascript:;"点击按钮后不会回到页面的顶部 -->
        <a href="javascript:;" class="arrow-l"> &lt; </a>
        <!-- 右侧按钮 -->
        <a href="javascript:;" class="arrow-r"> &gt;</a>
        <!-- 核心的滚动区域 -->
        <ul>
          <li>
            <a href="#"><img src="upload/ad_1.png" alt="" /></a>
          </li>
          <li>
            <a href="#"><img src="upload/ad_2.png" alt="" /></a>
          </li>
          <li>
            <a href="#"><img src="upload/ad_3.png" alt="" /></a>
          </li>
        </ul>
        <!-- 小圆圈 -->
        <ol class="circle"></ol>
      </div>
      <!-- 轮播图模块结束 -->
    </div>
    <!-- banner轮播图模块结束  -->

    <article>
      <h2>PS5是第九世代游戏机之一</h2>
      <!-- 放大镜效果模块开始 -->
      <div class="preview_wrap fl">
        <div class="preview_img">
          <img src="images/4.jpg" alt="" />
          <div class="mask"></div>
          <div class="big">
            <img src="images/4.jpg" alt="" class="bigImg" />
          </div>
        </div>
      </div>
      <!-- 放大镜效果模块结束 -->
      <p>
        搭配名为DualSense的手柄控制器，使用自适应扳机，支持阻力感应。光盘驱动器版本支持4K蓝光播放功能。新的安装方式允许用户仅安装游戏部分内容，如仅安装多人模式；<br />
        不启动游戏也可以查看可加入的多人游戏服务器和可参与的活动。PS5采用定制的AMD图形处理器，具有光线追踪、4K分辨率、每秒显示帧数达120、3D音效，且可向下兼容PS4和PlayStation
        VR的游戏。<br />
      </p>
    </article>

    <!-- footer页脚模块开始 -->
    <footer>
      <h3>怕催花信紧，风风雨雨，误了春光。</h3>
      <p>&copy;欢迎订阅我的博客</p>
      <ul>
        <li>
          <a href="#"><span></span></a>
        </li>
        <li>
          <a href="#"><span></span></a>
        </li>
        <li>
          <a href="#"><span></span></a>
        </li>
        <li>
          <a href="#"><span></span></a>
        </li>
        <li>
          <a href="register.html"><span></span></a>
        </li>
      </ul>
    </footer>
    <!-- footer页脚模块结束 -->
  </body>
</html>
